   <md-bottom-sheet class="md-list md-has-header" style="color: #fff;padding: 0;background-color: transparent; border:0; top: 0;
    margin: 0px auto;
    width: 80%;
    left: calc(15% - 10px);">
       <div>
           <div id="Title" style="padding: 10px 20px 10px 25px;
    background: #77D3A9;font-size: 17px;border-radius:  8px 8px 0 0;
    ">
               <span>服务名称:&nbsp;{{currentApp}} -Events:[{{items.length}}]</span>
               <span style="float: right;    margin-top: -5px;">
               <a href="" ng-click="hideMe()" title="关闭"><i class="iconfont icon-shanchu1" style="color: #fff;font-size: 19px;text-decoration: none"></i> </a>
           </span>
           </div>
           <div id="historyModal" style="height: 100%;background-color: #fff;border-radius:  0 0 8px 8px">
             <div class="instanceSelect" style="position: static;overflow: hidden">
              <!-- <md-select placeholder="请选择实例" ng-model="curPod" style="min-width: 200px;margin:0; padding:  5px 30px 5px 0;float: right" ng-hide="noPod">
                 <md-option ng-value="curPod" ng-repeat="curPod in projects">{{curPod.metadata.name}}</md-option>
               </md-select>-->
               <select placeholder="请选择实例" ng-model="curPod" style="min-width: 200px; padding:  5px 30px 5px 0;float: right;color: #666;width: auto;
    border: 0;box-shadow: none; margin: 10px 10px 0 0; " ng-hide="noPod" ng-options="curPod as curPod.metadata.name for curPod in projects" class="form-control">
                 <!--<option ng-value="curPod" ng-repeat="curPod in projects track by $index" >{{curPod.metadata.name}}</option>-->
               </select>
               <div style="float: left;padding: 5px 25px;color:#77D3AC;line-height: 39px;
    font-size: 16px;"><span>容器事件</span></div>
             </div>
             <ul  style="color: #666;  height: 180px;overflow-y: scroll;padding: 0 25px 0;border-radius:0 0 8px 8px;width: 96%;">
               <li ng-repeat="item in items">
                 [{{item.reason}} ] {{item.message}}
               </li>
             </ul>

             <div style="height: 1px ;width: 100%;background: rgba(119, 211, 169, 0.44);margin:20px 0 "></div>
             <div>
               <div style="float: left;padding: 5px 25px;color:#77D3AC;line-height: 39px;
    font-size: 16px;width: 100%"><span>历史状态</span></div>
               <ul  style="color: #666;  height: 100px;overflow-y: scroll;padding:0 25px 0;border-radius:0 0 8px 8px;width: 96%;margin-bottom:20px ">
                 <li >
                   {{tabs.historyStatus}}
                 </li>
               </ul>

             </div>
           </div>
       </div>
   </md-bottom-sheet>

    <!--<p style="padding: 0;margin: 0;color: #FFF;background-color: #000;">[EOF] Click ESC to exit! </p> -->
   <!--<md-subheader ng-cloak  class="md-no-sticky" > ServiceName:{{currentApp}}
       <span style="float: right;">
            <a href="" ng-click="hideMe()" title="关闭" tooltip><i class="fa fa-power-off" ></i> </a>
        </span>
   </md-subheader>
   <md-list style="color: #FFF;background-color: #000;overflow-y: scroll;max-height: 600px;" ng-cloak>
       <md-list-item ng-repeat="item in items" style="color: #FFF; ">
           [{{item.reason}} ] {{item.message}}
       </md-list-item>
   </md-list>-->